<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">

<head lang="en">

    <meta charset="UTF-8">

    <title>H5分享功能测试</title>

    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>

    <meta name="description" content="demo"/>

    <script th:src="@{/utils/nativeShare.js}"></script>


    <style>

        .more {
            margin: 10px auto;

            width: 100px;

            height: 30px;

            border-radius: 5px;

            background: linear-gradient(to right, rgb(240, 185, 185) 0%, rgb(77, 106, 235) 100%);

            line-height: 30px;

            text-align: center;

        }

        .bg {
            position: fixed;

            left: 0;

            right: 0;

            top: 0;

            bottom: 0;


            background-size: cover;


        }

        .content {
            padding: 10px;

            color: rgb(197, 28, 240);

            /* font-style: oblique; */

            line-height: 40px;

            text-shadow: 3px 3px 2px rgb(240, 242, 243);

            font-size: 18px;

            font-weight: 600;

            font-family: Arial, Helvetica, sans-serif;


        }

    </style>

</head>

<body>



<div class='bg'>


    <div id="nativeShare" data-app="" class="more">分享</div>

    <div class='content'>

        <p style='text-align:center;text-shadow: none;'>你好阳光</p>

        <p> 忽然之间，太阳再也藏不住了，它举着自己庞大的脸颊从东边射出千万光芒，一切都染上了红彤彤的颜色，没过多久，火球般的红日，

            从东方平线上缓缓的升起了顿时远处的树林，

            地上的花草青青的山，绿绿的水，都披上了彩衣。充满了朝气，尤其是枝叶上的露珠，尤如钻石一般，格外的耀眼，格外的纯洁，格外的迷人。</p>


    </div>

</div>


<script>


    var config = {
        url: window.location.href,

        title: document.title,

        desc: '你好阳光',

        img: 'http://shoujibao.net/news/publish/wap/resource/share/v7/img/zd4.png',

        img_title: '分享',

        from: '来自AILIHEIHEI'

    };

    var share_obj = new nativeShare('nativeShare', config);

</script>

</body>

</html>